$(function () {
    // 头部滑入滑出
    var distance = $('.about_recommend').offset().top - 50 - $('.questioner_answer p').height() + 40

    // $(window).scroll(function () {
    //     $('.page_header_title').on('click', function () {
    //         $('html,body').animate({
    //             scrollTop: 0,
    //         })
    //     })
    // })

    $(window).scroll(function () {
        if ($(document).scrollTop() >= $('.main').offset().top) {
            $('.page_header').slideUp(500)
        } else {
            $('.page_header').slideDown(500)
        }



        if ($(document).scrollTop() >= distance) {
            $('.about_recommend').css({
                position: 'fixed',
                top: '50px'
            })
            $('.footer').css({
                position: 'fixed',
                top: '487px'
            })
        } else {
            $('.about_recommend').css({
                position: 'relative',
                top: '0'
            })
            $('.footer').css({
                position: 'relative',
                top: '0'
            })
        }
    })
    var flag = true
    $('.focus').on({
        click: function () {
            if (flag) {
                $('.focus').text('已关注').css({
                    border: '1px solid #8590a6',
                    backgroundColor: '#8590a6',
                })
                $('.focus_people').text(Number($('.focus_people').text()) + 1)
                $('.focus').off('mouseenter mouseleave')
                $('.focus').on({
                    mouseenter: function () {
                        $(this).css({
                            border: '1px solid #76839b',
                            backgroundColor: '#76839b',
                        }).text('取消关注')
                    },
                    mouseleave: function () {
                        $(this).css({
                            border: '1px solid #8590a6',
                            backgroundColor: '#8590a6',
                        }).text('已关注')
                    }
                })
                flag = false
            } else {
                $('.focus').text('关注问题').css({
                    border: '1px solid #06f',
                    backgroundColor: '#06f',
                })

                $('.focus_people').text($('.focus_people').text() - 1)
                $('.focus').off('mouseenter mouseleave')
                $('.focus').on({
                    mouseenter: function () {
                        $(this).css({
                            border: '1px solid #005ce6',
                            backgroundColor: '#005ce6',
                        })
                    },
                    mouseleave: function () {
                        $(this).css({
                            border: '1px solid #06f',
                            backgroundColor: '#06f',
                        })
                    }
                })
                flag = true
            }
        },
        mouseenter: function () {
            $(this).css({
                border: '1px solid #005ce6',
                backgroundColor: '#005ce6',
            })
        },
        mouseleave: function () {
            $(this).css({
                border: '1px solid #06f',
                backgroundColor: '#06f',
            })
        }
    })
    var flag1 = true
    $('.good_question').on({
        click: function () {
            if (flag1) {
                $(this).css('color', '#06f').text('好问题' + (parseInt($(this).text().substr(3)) + 1))
                $('.focus').text('已关注').css({
                    border: '1px solid #8590a6',
                    backgroundColor: '#8590a6',
                })
                $('.focus_people').text(Number($('.focus_people').text()) + 1)
                $('.focus').off('mouseenter mouseleave')
                $('.focus').on({
                    mouseenter: function () {
                        $(this).css({
                            border: '1px solid #76839b',
                            backgroundColor: '#76839b',
                        }).text('取消关注')
                    },
                    mouseleave: function () {
                        $(this).css({
                            border: '1px solid #8590a6',
                            backgroundColor: '#8590a6',
                        }).text('已关注')
                    }
                })
                flag = false
                flag1 = false
            } else {
                $(this).css('color', '#8590a6').text('好问题' + ($(this).text().substr(3) - 1))
                flag1 = true
            }
        },
    })

    $('.user_agree').attr('data-boolean', 'true')
    $('.user_disagree').attr('data-boolean', 'true')
    var flag2 = true
    var flag3 = true
    $('.user_agree').on('click', function () {
        flag2 = JSON.parse($(this).attr('data-boolean'))
        flag3 = JSON.parse($(this).siblings().attr('data-boolean'))
        if (flag2 && flag3) {
            $(this).text('已赞同' + (parseInt($(this).text().substr(2)) + 1)).css({
                backgroundColor: '#06f',
                color: '#fff',
            })
            $(this).attr('data-boolean', 'false')
            $(this).siblings().attr('data-boolean', 'true')

        } else if (flag2 && !flag3) {
            $(this).text('已赞同' + (parseInt($(this).text().substr(2)) + 1)).css({
                backgroundColor: '#06f',
                color: '#fff',
            })
            $(this).siblings().css({
                color: '#06f',
                backgroundColor: ' rgba(0, 102, 255, .1)',
            })
            $(this).attr('data-boolean', 'false')
            $(this).siblings().attr('data-boolean', 'true')
        } else if (!flag2 && flag3) {
            $(this).text('赞同' + (parseInt($(this).text().substr(3)) - 1)).css({
                color: '#06f',
                backgroundColor: ' rgba(0, 102, 255, .1)',
            })
            $(this).attr('data-boolean', 'true')
            $(this).siblings().attr('data-boolean', 'true')
        }
    })
    $('.user_disagree').on('click', function () {
        flag2 = JSON.parse($(this).siblings().attr('data-boolean'))
        flag3 = JSON.parse($(this).attr('data-boolean'))
        if (flag2 && flag3) {
            $(this).css({
                color: '#fff',
                backgroundColor: '#06f',
            })
            $(this).siblings().attr('data-boolean', 'true')
            $(this).attr('data-boolean', 'false')
        } else if (flag2 && !flag3) {
            $(this).css({
                color: '#06f',
                backgroundColor: ' rgba(0, 102, 255, .1)',
            })
            $(this).siblings().attr('data-boolean', 'true')
            $(this).attr('data-boolean', 'true')
        } else if (!flag2 && flag3) {
            $(this).siblings().text('赞同' + (parseInt($(this).siblings().text().substr(3)) - 1)).css({
                color: '#06f',
                backgroundColor: ' rgba(0, 102, 255, .1)',
            })
            $(this).css({
                color: '#fff',
                backgroundColor: '#06f',
            })
            $(this).siblings().attr('data-boolean', 'true')
            $(this).attr('data-boolean', 'false')
        }
    })


    var flag4 = true
    $('.all_answers').on('click', function () {
        if (flag4) {
            $('.a').show()
            $('.all_answers').text('收起回答')
            flag4 = false
        } else {
            $('.a').hide()
            $('.all_answers').text('查看全部 12345 个回答')
            flag4 = true
        }
        $('.a').each(function (i, value) {
            if ($(this).height() >= 1000) {
                $(this).css({
                    overflow: 'hidden',
                    height: '1000px'
                })
                $(this).children('.mask').show()
            }
        })
    })

    var str = $('.questioner_answer p').text()
    if (str.length >= 70) {
        $('.questioner_answer p').html(str.slice(0, 70) + '...' + '<span>查看全部</span>')
    } else {
        $('.questioner_answer p').children().hide()
    }
    $('.pack_up').on('click', function () {
        $('.questioner_answer p').html(str.slice(0, 70) + '...' + '<span>查看全部</span>')
        $('.questioner_answer p').children().show()
    })
    $('.questioner_answer p').on('click', 'span', function () {
        $('.questioner_answer p').html(str)
        $('.pack_up').show()
        $(this).hide()
        distance = $('.about_recommend').offset().top - 50
    })
    $('.tags ul li').on({
        mouseenter: function () {
            $(this).children('.tags_contain').show()
        },
        mouseleave: function () {
            $(this).children('.tags_contain').hide()
        }
    })
    $('.b').each(function (i, value) {
        if ($(this).height() >= 1000) {
            $(this).css({
                overflow: 'hidden',
                height: '1000px'
            })
            $(this).children('.mask').show()
        }
    })

    $('.content').children('.mask').on('click', function () {
        $(this).hide().parent('.content').css({
            overflow: 'visible',
            height: '100%'
        })
        $(this).siblings('.user_actions').children('.pick_up1').show()
    })

    $('.pick_up1').on('click', function () {
        $(this).parents('.content').css({
            overflow: 'hidden',
            height: '1000px'
        })
        $(this).parents('.user_actions').siblings('.mask').show()
        $(this).hide()
    })

    $('.share,.more').on({
        focus: function () {
            $(this).children().show()
        },
        blur: function () {
            $(this).children().hide()
        }
    })

    var flag5 = true
    $('.focus_he').on({
        click: function () {
            if (flag5) {
                $(this).text('已关注').css({
                    border: '1px solid #8590a6',
                    backgroundColor: '#8590a6',
                })

                $('.focus_he_people').text(Number($('.focus_he_people').text()) + 1)
                $(this).off('mouseenter mouseleave')
                $(this).on({
                    mouseenter: function () {
                        $(this).css({
                            border: '1px solid #76839b',
                            backgroundColor: '#76839b',
                        }).text('取消关注')
                    },
                    mouseleave: function () {
                        $(this).css({
                            border: '1px solid #8590a6',
                            backgroundColor: '#8590a6',
                        }).text('已关注')
                    }
                })
                flag5 = false
            } else {
                $(this).text('关注问题').css({
                    border: '1px solid #06f',
                    backgroundColor: '#06f',
                })

                $('.focus_he_people').text($('.focus_he_people').text() - 1)
                $(this).off('mouseenter mouseleave')
                $(this).on({
                    mouseenter: function () {
                        $(this).css({
                            border: '1px solid #005ce6',
                            backgroundColor: '#005ce6',
                        })
                    },
                    mouseleave: function () {
                        $(this).css({
                            border: '1px solid #06f',
                            backgroundColor: '#06f',
                        })
                    }
                })
                flag5 = true
            }
        },
        mouseenter: function () {
            $(this).css({
                border: '1px solid #005ce6',
                backgroundColor: '#005ce6',
            })
        },
        mouseleave: function () {
            $(this).css({
                border: '1px solid #06f',
                backgroundColor: '#06f',
            })
        }
    })

    $('.invite_answer').on('click', function () {
        $('.page_mask').show()
        $('body').css({
            overflow: 'hidden',
        })
    })

    $('.page_mask').on('click', function () {
        $('.page_mask').hide()
        $('body').css({
            overflow: 'visible',
        })
    })

    $('.invite_answer_content').on('click', function (e) {
        e.stopPropagation()
    })



})